<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
/*		查找 类名box 下的 子代 p 标签*/
/*		子代选择器*/
	/*	.box>div>p{
			border: 1px solid #000;
		}*/
/*		查找 类名box 的后代 p 标签*/
		.box p{
			border: 1px solid #000;
		}

/*		子代选择器
		div>p  选择所有父级是div的 P 标签

		后代选择器
		div p  选择所有 div 标签内的 p 标签*/

/*		层叠性	权重*/

		
/*		10+1*/
		.box>p{
			border: 5px solid red;
		}

/*		10*/
		.qian{
			border: 1px solid #000;
		}
/*		1+1
		div p{
			border: 1px solid #000;
		}*/
		

	</style>
</head>
<body>
	<div class="box">
		<div>
			<p>降龙十八掌</p>
		</div>

		<div class="box">
			<p class="qian">乾坤大挪移</p>
		</div>
	</div>
	<p>九阴白骨爪</p>
</body>
</html>